.xm-tabbar {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;

  .tabbar-content {
    display: flex;
    align-items: center;
    justify-content: space-around;


    .xm-tabbar-item {
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100px;
      box-sizing: border-box;
      padding: 10px 0;
      border-radius: 40px 40px 0 0;

      .text {
        margin-left: 10px;
      }
    }
  }

  .tabbar-btm {
    background: var(--white);
  }
}